﻿var idComprobante;
var idDepartamento;
var mensuales = 0;
var extraordinarias = 0;
var categoria = sessionStorage.getItem('categoria');
var username = sessionStorage.getItem('idUsuario');
var edif = sessionStorage.getItem('edificio');
var cargoEC = sessionStorage.getItem("cargo");
var box3;
var nombreImagen;

$(document).ready(main);

function main() {
    $("#BscTbxFechaInicioA").datepicker({ dateFormat: 'dd/mm/yy' });
    $("#BscTbxFechaFinA").datepicker({ dateFormat: 'dd/mm/yy' });
    $("#BscTbxFechaInicioAHP").datepicker({ dateFormat: 'dd/mm/yy' });
    $("#BscTbxFechaFinAHP").datepicker({ dateFormat: 'dd/mm/yy' });
    $("#BscTbxFechaInicioP").datepicker({ dateFormat: 'dd/mm/yy' });
    $("#BscTbxFechaFinP").datepicker({ dateFormat: 'dd/mm/yy' });    
    $("#BscTbxFechaInicioPHP").datepicker({ dateFormat: 'dd/mm/yy' });
    $("#BscTbxFechaFinPHP").datepicker({ dateFormat: 'dd/mm/yy' });

    $("#BscBtnLimpiarA").click(refrescarEstadoCuenta);
    $("#BscBtnLimpiarAHP").click(refrescarEstadoCuentaHP);
    $("#BscBtnLimpiarECP").click(refrescarEstadoCuentaP);
    $("#BscBtnLimpiarHPP").click(refrescarHistorialPagoP);
    $("#BscBtnLimpiarVC").click(refrescarVC);
    
    $("#BscBtnBuscarA").click(buscarPropietarios);
    $("#BscBtnBuscarAHP").click(buscarPropietariosHP);
    $("#BscBtnBuscarECP").click(buscarEstadoCuentaP);
    $("#BscBtnBuscarHPP").click(buscarHistorialPagosP);
    $("#BscBtnBuscarVC").click(buscarVC);
    $("#BscBtnAceptarVC").click(ConfirmarPago);
    
    $("#BscBtnCancelarA").click(menu);
    $("#BscBtnCancelarAHP").click(menu);
    $("#BscBtnCancelarECP").click(menu);
    $("#BscBtnCancelarHPP").click(menu);
    $("#BscBtnCancelarVC").click(menu);

    $("#administradorEC").hide();
    $("#administradorHP").hide();

    $("#propietarioEC").hide();
    $("#propietarioHP").hide();

//    $("#cuotas_mensualesECP").hide();
//    $("#cuotas_extraordinariasECP").hide();
//    $("#cuotas_mensualesHPP").hide();
//    $("#cuotas_extraordinariasHPP").hide();
    $("#VerComprobante").hide();
    $("#BscBtnAceptarVC").hide();

    $("#BscBtnExportar").hide();
    $("#BscBtnExportarHP").hide();
    $("#BscBtnDetalleMensual").hide();
    $("#BscBtnDetalleExtraordinario").hide();

    detalleEstadoCuenta('Detalle1');
    detalleHistorialPagoHP('DetalleHP1');

    cargarPrivilegios();

    cargarDepartamentosLugar();
    cargarEdificios();
    cargarEdificiosHP();
    cargarEdificiosVC();
    
}

//menu
function menu(){
    window.history.back();
}

//muestra lo que corresponde a administrador o propietario
function cargarPrivilegios(){
    //var categoria = sessionStorage.getItem('categoria');
    //alert(username +  '.' + '------' + edif + ".");
    if (cargoEC == 12) {//propietario
        //async: false;
        //alert(categoria + ".");
        $("#Registrar").show();
        $("#Buscar").show();
        $("#Eliminar").hide();
        $("#Modificar").hide();
        $("#propietarioEC").show();
        $("#administradorEC").hide();
        $("#propietarioHP").show();
        $("#administradorHP").hide();
        $("#VerComprobante").hide();
    }
    //if (sessionStorage.getItem("categoria") == "Master"){
    if (cargoEC == 4){
        //alert(categoria + ".");
        $("#Registrar").hide();//modificar
        $("#Buscar").show();
        $("#Eliminar").show();
        $("#Modificar").hide();
        $("#propietarioEC").hide();
        $("#administradorEC").show();
        $("#propietarioHP").hide();
        $("#administradorHP").show();
        $("#VerComprobante").show();
    }
    //if (sessionStorage.getItem("categoria") == "Administracion"){
    if (cargoEC == 3){//administrador del edificio
        //alert(categoria + ".");
        $("#Registrar").show();//modificar
        $("#Buscar").show();
        $("#Eliminar").show();
        $("#Modificar").hide();
        $("#propietarioEC").hide();
        $("#administradorEC").show();
        $("#propietarioHP").hide();
        $("#administradorHP").show();
    }

}

//refrescar estado cuenta
function refrescarEstadoCuenta() {

    document.getElementById("BscTbxFechaInicioA").value = "";
    document.getElementById("BscTbxFechaFinA").value = "";

    jQuery("#BscSctDepartamentoLugar option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });

    jQuery("#BscSctProvincia option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });

    jQuery("#BscSctDistrito option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });

    jQuery("#BscSctEdificio option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });

    jQuery("#BscSctPiso option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });

    jQuery("#BscSctDepartamento option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });
}

function refrescarEstadoCuentaP(){
    document.getElementById("BscTbxFechaInicioP").value = "";
    document.getElementById("BscTbxFechaFinP").value = "";
}

function refrescarHistorialPagoP(){
    document.getElementById("BscTbxFechaInicioPHP").value = "";
    document.getElementById("BscTbxFechaFinPHP").value = "";
}

function refrescarVC(){
    jQuery("#BscSctEdificioVC option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });

    jQuery("#BscSctPisoVC option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });

    jQuery("#BscSctDepartamentoVC option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });
}

// cargar departamentos
function cargarDepartamentosLugar() {
    $("#BscSctEdificio").find('option').remove().end().append("<option></option>");
    //cargarEdificios();
    var enviar = {
        EdificioAutocompletado: "",
        IdDepartamento: ""
    }

    //console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarDepartamentosLugar",
        success: function (data) {

            var lista = data.listaDepartamentoPeru;

            $("#BscSctDepartamentoLugar").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#BscSctDepartamentoLugar").append("<option value = \"" + item.IdDepartamento + "\">" + item.Nombre + "</option>");
            });

            $("#BscSctDepartamentoLugarHP").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#BscSctDepartamentoLugarHP").append("<option value = \"" + item.IdDepartamento + "\">" + item.Nombre + "</option>");
            });

            $("#BscSctDepartamentoLugarVC").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#BscSctDepartamentoLugarVC").append("<option value = \"" + item.IdDepartamento + "\">" + item.Nombre + "</option>");
            });
        }
    });
}

//cargar provincias
function cargarProvincias() {
    $("#BscSctDistrito").find('option').remove().end().append("<option></option>");
    $("#BscSctEdificio").find('option').remove().end().append("<option></option>");
    //cargarEdificios();
    var enviar = {
        Nombre: "",
        IdDepartamento: $("#BscSctDepartamentoLugar").val(),
        IdProvincia: ""
    }

    var jsonData;

    jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarProvincias",
        success: function (data) {
            var lista = data.listaProvinciaPeru;

            $("#BscSctProvincia").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#BscSctProvincia").append("<option value = \"" + item.IdProvincia + "\">" + item.Nombre + "</option>");
            });
        }
    });
}

// cargar distritos
function cargarDistritos() {
    $("#BscSctEdificio").find('option').remove().end().append("<option></option>");
    //cargarEdificios();
    var enviar = {
        Nombre: "",
        IdProvincia: $("#BscSctProvincia").val(),
        IdDistrito: ""
    }
    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarDistritos",
        success: function (data) {
            var lista = data.listaDistritoPeru;
            $("#BscSctDistrito").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#BscSctDistrito").append("<option value = \"" + item.IdDistrito + "\">" + item.Nombre + "</option>");
            });

        }
    });
}

// cargar edificios
function cargarEdificios() {
    $("#BscSctPiso").find('option').remove().end().append("<option></option>");   
    var enviar = {
        IdDepartamento: $("#BscSctDepartamentoLugar").val(),
        IdProvincia: $("#BscSctProvincia").val(),
        IdDistrito: $("#BscSctDistrito").val()
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarEdificios",
        success: function (data) {

            var lista = data.listaEdificio;

            $("#BscSctEdificio").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#BscSctEdificio").append("<option value = \"" + item.IdEdificio + "\">" + item.Nombre + "</option>");
            });

        }
    });
}

function cargarPisos() {
    $("#BscSctDepartamento").find('option').remove().end().append("<option></option>");
    var enviar = {
        IdEdificio: $("#BscSctEdificio").val()
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarPisos",
        success: function (data) {

            console.log(data);

            var lista = data.listaPiso;

            var num_pisos = lista[0];
            var num_sotanos = lista[1];

            $("#BscSctPiso").find('option').remove().end().append("<option selected=\"selected\"></option>");

            for (var i = 1; i <= num_pisos; i++) {
                $("#BscSctPiso").append("<option value = \"P" + i + "\">P" + i + "</option>");
            }
            if (num_sotanos != 0) {
                for (var j = 1; j <= num_sotanos; j++) {
                    $("#BscSctPiso").append("<option value = \"S" + j + "\">S" + j + "</option>");
                }
            }
        }
    });
}

function cargarDepartamentos() {
    var enviar = {
        IdEdificio: $("#BscSctEdificio").val(),
        NumeroPiso: $("#BscSctPiso").val()
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarDepartamentos",
        success: function (data) {
            var lista = data.listaDepartamentos;

            $("#BscSctDepartamento").find('option').remove().end().append("<option selected=\"selected\"></option>");

            $.each(lista, function (i, item) {
                $("#BscSctDepartamento").append("<option value = \"" + item.IdDepartamento + "\">" + item.Numero + "</option>");
            });
        }
    });
}

function esperarListaProp() {
		box3 = new ajaxLoader($(".box-3"), {classOveride: 'blue-loader', bgColor: '#000'});
}

function buscarPropietarios() {

    var enviar = {
        IdDepartamentoLugar: $("#BscSctDepartamentoLugar").val(),
        IdProvincia: $("#BscSctProvincia").val(),
        IdDistrito: $("#BscSctDistrito").val(),
        IdEdificio: $("#BscSctEdificio").val(),
        Piso: $("#BscSctPiso").val(),
        IdDepartamento: $("#BscSctDepartamento").val(),
        FechaInicio: $("#BscTbxFechaInicioA").val(),
        FechaFin: $("#BscTbxFechaFinA").val()
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        async: false,
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarPropietarios",
        beforeSend: esperarListaProp(),
        success: llegadaListaProp
    });
}

function llegadaListaProp(data) {
    //$("#idbody tr").remove();
    var lista = data.listaPropietarios;
    var escritor = "";
    if (lista.length > 0) {
        escritor += "<table id='tablaPropietarios'>" +
                    "<thead>" +
                        //"<th class=" + "\"style1\" " + "style=" + "\"width:30px;\" " + "></th>" +
                        '<th style="display:none">IdEdificio</th>' +
                        '<th>Edificio</th>' +
                        '<th style="display:none">IdDepartamento</th>' +
                        '<th>Piso</th>' +
                        '<th>Numero</th>' +
                        '<th>Nombres</th>' +
                        '<th>Apellidos</th>' +
                        '<th>Departamento</th>' +
                        '<th>Provincia</th>' +
                        '<th>Distrito</th>' +
                        '<th></th>' +
        //"<th class=" + "\"style1\" "+ "style="+"\"width:30px;\" "+"></th>"+
                    "</thead>";
        escritor += '<tbody id="bodyPropietarios">';

        $.each(lista, function (i, item) {
            escritor += "<tr>";
                //escritor += "<td class=" + "\"style1\"" + " style=" + "\width:30px;\"" + " align=" + "\"center\"" + "><input id=" + "\"RadioButton1\"" + " name=" + "\"RCP\"" + " type=" + "\"radio\"" + " value=" + "\"1\"" + " style=" + "\"width:30px;\"/></td>";
                escritor += '<td style="display:none">' + item.IdEdificio + '</td>';
                escritor += '<td>' + item.NombreEdificio + '</td>';
                escritor += '<td style="display:none">' + item.IdDepartamento + '</td>';
                escritor += '<td style="width:auto;">' + item.Piso + '</td>';
                escritor += '<td style="width:auto">' + item.NumeroDepartamento + '</td>';
                escritor += '<td style="width:auto;">' + item.NombrePersona + '</td>';
                escritor += '<td style="width:auto;">' + item.ApellidosPersona + " " + '</td>';
                escritor += '<td style=""width:auto;">' + item.NombreDepartamento + '</td>';
                escritor += '<td style=""width:auto;">' + item.NombreProvincia + '</td>';
                escritor += '<td style=""width:auto;">' + item.NombreDistrito + '</td>';
                escritor += '<td class="style1" style="width:30px;" align="center"><button class="Detalle" id="Detalle'+ (i+1) +'" style="margin-left:auto; margin-right:auto;">Detalle Estado Cuenta</button></td>';
            //escritor += "<td class="+"\"style1\""+ " style="+"\width:30px;\""+" align="+"\"center\""+"><input id="+"\"RadioButton1\""+" name="+"\"R1\""+ " type="+"\"radio\""+" value="+"\"1\""+" style="+"\"width:30px;\"/></td>";
            escritor += "</tr>";
        });

        escritor += "</toby>";

        escritor += "</table>";
        $("#TablaDinamicaPropietarios").html(escritor);

        var total = $(".Detalle").length;
        for (var j = 1; j <= total; j++) {
            formatoDetalle('Detalle' + j);
            detalleEstadoCuenta('Detalle' + j);
        }

        if (lista.length > 0) {
            $("#holderP").jPages({
                containerID: "bodyPropietarios",
                perPage: 10,
                delay: 20,
                startPage: 1,
                midRange: 3,
                animation: "flipInY"
            });
            $("#holderP").show();
            //$("#BscBtnExportar").show();
        }
    } else {
        escritor = "<p>No se encontró ninguna coincidencia</p>";
        $("#TablaDinamicaPropietarios").html(escritor);
        $("#holderP").hide();
        $("#BscBtnExportar").hide();
    }
    box3.remove();
}

function formatoDetalle(detalle) {
    $('#' + detalle).button({
        icons: {
            primary: "ui-icon-pencil"
        },
        text: false
    });
}


//detalle estado cuenta
function detalleEstadoCuenta(idBuscar) {
    var nameB = "",
        emailB = "",
        passwordB = "",
        allFields = $([]).add(nameB).add(emailB).add(passwordB),
        tips = $(".validateTips");

    function updateTips(t) {
        tips
                .text(t)
                .addClass("ui-state-highlight");
        setTimeout(function () {
            tips.removeClass("ui-state-highlight", 1500);
        }, 500);
    }

    $("#modalDetalle").dialog({
        //async:false,
        autoOpen: false,
        height: 600,
        width: 850,
        modal: true,
        buttons: {
            "Aceptar": function () {
                var bValid = true;
                allFields.removeClass("ui-state-error");
                if (bValid) {
                    if (true) {
                        var numero = document.getElementById("BvmLblNumDetalle").innerHTML;

                        $(this).dialog("close");
                        $("#TablaDinamicaCMP").html("");
                        $("#TablaDinamicaCEP").html("");
                        $("#mensaje").html("");
                        $("#holderCMP").jPages("destroy");
                        $("#holderCEP").jPages("destroy");
                    }
                    else {
                        alert("Debe seleccionar una fila");
                    }
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            allFields.val("").removeClass("ui-state-error");
        }
    });

    $("#" + idBuscar).click(function () {
        //if ($("#RegTbxEdificioAutocompletado").val() != "") {
            document.getElementById("BvmLblNumDetalle").innerHTML = idBuscar;
            var id_departamento;
            //alert(idBuscar);
            $("#" + idBuscar).parents("tr").children("td").each(function (index2) {
                switch (index2) {
                    case 2:
                        id_departamento = $(this).text();
                        break;
                }
            })
            //alert(id_departamento);
            verDetalle(id_departamento);        
            //verDetalle(id_departamento,function(){ $("#modalDetalle").dialog("open");});
            //$(document).ready(function(){$("#modalDetalle").dialog("open"); });
            $("#modalDetalle").dialog("open");
    });

};

function esperarListaDetalleEC() {
}

function verDetalle(id_departamento) {

    var enviar = {
        IdDepartamento: id_departamento,
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "verDetalleEstadoCuenta",
        beforeSend: esperarListaDetalleEC(),
        success: llegadaListaDetalleEC
    });
}

function llegadaListaDetalleEC(data) {
    console.log(data);
    var lista = data.ListaEstadoCuenta;
    var escritor = "";
    var escritor1 = "";
    var escritor2 = "";
    mensuales = 0;
    extraordinarias = 0;
    if (lista.length > 0) {
        escritor1 +='<h3>Cuotas Mensuales</h3>' +
            '<table>' +
            '<thead>' +
                '<th style="display:none">idCuenta</th>' +
                '<th style="display:none">Estado</th>' +
                '<th style="display:none">Voucher</th>' +
                '<th style="display:none">EstadoVoucher</th>' +
                '<th style="display:none">Departamento</th>' +
                '<th style="display:none">Tipo Cuota</th>' +
                '<th>Año</th>' +
                '<th>Mes</th>' +
                '<th>Cuota Mensual</th>' +
                '<th></th>' +
            '</thead>' +
            '<tbody id="bodyVerDetalleCM">';

        escritor2 +='<h3>Cuotas Extraordinarias</h3>' +
            '<table>' +
            '<thead>' +
                '<th style="display:none">idCuenta</th>' +
                '<th style="display:none">Estado</th>' +
                '<th style="display:none">Voucher</th>' +
                '<th style="display:none">EstadoVoucher</th>' +
                '<th style="display:none">Departamento</th>' +
                '<th style="display:none">Tipo Cuota</th>' +
                '<th>Año</th>' +
                '<th>Mes</th>' +
                '<th>Cuota Extraordinaria</th>' +
                '<th></th>' +
            '</thead>' +
            '<tbody id="bodyVerDetalleCE">';
        
        $.each(lista, function (i, item) {
            if (item.MontoMensual > 0){
                mensuales++;
                escritor1 +='<tr>'+
                                '<td style="display:none">' + item.IdCuenta + '</td>'+
                                '<td style="display:none">' + item.Estado + '</td>' +
                                '<td style="display:none">' + item.Voucher + '</td>' +
                                '<td style="display:none">' + item.EstadoVoucher + '</td>' +
                                '<td style="display:none">' + item.IdDepartamento + '</td>' +
                                '<td style="display:none">' + item.TipoCuota + '</td>' +
                                '<td style="width:auto;">' + item.Anho + '</td>' +
                                '<td style="width:auto;">' + item.Mes + '</td>' +
                                '<td style="width:auto;">' + item.MontoMensual + '</td>' +
                                '<td>Pendiente de pago</td>' +
                            '</tr>';
                
            }

            if (item.Monto > 0){
                extraordinarias++;
                escritor2 +='<tr>'+
                                '<td style="display:none">' + item.IdCuenta + '</td>'+
                                '<td style="display:none">' + item.Estado + '</td>' +
                                '<td style="display:none">' + item.Voucher + '</td>' +
                                '<td style="display:none">' + item.EstadoVoucher + '</td>' +
                                '<td style="display:none">' + item.IdDepartamento + '</td>' +
                                '<td style="display:none">' + item.TipoCuota + '</td>' +
                                '<td style="width:auto;">' + item.Anho + '</td>' +
                                '<td style="width:auto;">' + item.Mes + '</td>' +
                                '<td style="width:auto;">' + item.Monto + '</td>' +
                                '<td>Pendiente de pago</td>' +
                            '</tr>';
            }  
         });

        escritor1 += "</tbody>";
        escritor1 += "</table>";

        escritor2 += "</tbody>";
        escritor2 += "</table>";

        $("#TablaDinamicaCMP").html(escritor1);
        $("#TablaDinamicaCEP").html(escritor2);
        
        $("#TablaDinamicaCMP").hide();
        $("#TablaDinamicaCEP").hide();

//        alert(mensuales + '---------' + extraordinarias);
        if (lista.length > 0){
            if (mensuales > 0) {
                $("#TablaDinamicaCMP").show();
                $("#holderCMP").show();
                $(function () {
                    $("#holderCMP").jPages({
                        containerID: "bodyVerDetalleCM",
                        perPage: 10,
                        delay: 20,
                        startPage: 1,
                        midRange: 3,
                        animation: "flipInY"
                    });
                });
            }

            if (extraordinarias > 0) {
                $("#TablaDinamicaCEP").show();  
                $("#holderCEP").show();            
                $(function () {
                    $("#holderCEP").jPages({
                        containerID: "bodyVerDetalleCE",
                        perPage: 10,
                        delay: 20,
                        startPage: 1,
                        midRange: 3,
                        animation: "flipInY"
                    });
                });
            }
        }
    } else {
        escritor = "<p>No tiene cuentas por pagar</p>";
        $("#mensaje").html(escritor);
        $("#holderCMP").hide();
        $("#holderCEP").hide();
    }
}

//*************************************************** historial de pagos ADMINISTRADOR **********************************

//refrescar estado cuenta historial pagos
function refrescarEstadoCuentaHP() {

    document.getElementById("BscTbxFechaInicioAHP").value = "";
    document.getElementById("BscTbxFechaFinAHP").value = "";

    jQuery("#BscSctDepartamentoLugarHP option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });

    jQuery("#BscSctProvinciaHP option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });

    jQuery("#BscSctDistritoHP option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });

    jQuery("#BscSctEdificioHP option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });

    jQuery("#BscSctPisoHP option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });

    jQuery("#BscSctDepartamentoHP option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });
}

//cargar provincias
function cargarProvinciasHP() {
    $("#BscSctDistritoHP").find('option').remove().end().append("<option></option>");
    $("#BscSctEdificioHP").find('option').remove().end().append("<option></option>");
    //cargarEdificios();
    var enviar = {
        Nombre: "",
        IdDepartamento: $("#BscSctDepartamentoLugarHP").val(),
        IdProvincia: ""
    }

    console.log(enviar);

    var jsonData;

    jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarProvincias",
        success: function (data) {

            console.log(data);

            var lista = data.listaProvinciaPeru;

            $("#BscSctProvinciaHP").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#BscSctProvinciaHP").append("<option value = \"" + item.IdProvincia + "\">" + item.Nombre + "</option>");
            });
        }
    });
}

// cargar distritos
function cargarDistritosHP() {
    $("#BscSctEdificioHP").find('option').remove().end().append("<option></option>");
    //cargarEdificios();
    var enviar = {
        Nombre: "",
        IdProvincia: $("#BscSctProvinciaHP").val(),
        IdDistrito: ""
    }


    console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarDistritos",
        success: function (data) {

            console.log(data);

            var lista = data.listaDistritoPeru;

            $("#BscSctDistritoHP").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#BscSctDistritoHP").append("<option value = \"" + item.IdDistrito + "\">" + item.Nombre + "</option>");
            });


        }
    });
}

// cargar edificios
function cargarEdificiosHP() {
    $("#BscSctPisoHP").find('option').remove().end().append("<option></option>");   
    var enviar = {
        IdDepartamento: $("#BscSctDepartamentoLugarHP").val(),
        IdProvincia: $("#BscSctProvinciaHP").val(),
        IdDistrito: $("#BscSctDistritoHP").val()
    }


    console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarEdificios",
        success: function (data) {
            var lista = data.listaEdificio;

            $("#BscSctEdificioHP").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#BscSctEdificioHP").append("<option value = \"" + item.IdEdificio + "\">" + item.Nombre + "</option>");
            });


        }
    });
}

function cargarPisosHP() {
    $("#BscSctDepartamentoHP").find('option').remove().end().append("<option></option>");
    var enviar = {
        IdEdificio: $("#BscSctEdificioHP").val()
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarPisos",
        success: function (data) {

            console.log(data);

            var lista = data.listaPiso;

            var num_pisos = lista[0];
            var num_sotanos = lista[1];

            $("#BscSctPisoHP").find('option').remove().end().append("<option selected=\"selected\"></option>");

            for (var i = 1; i <= num_pisos; i++) {
                $("#BscSctPisoHP").append("<option value = \"P" + i + "\">P" + i + "</option>");
            }
            if (num_sotanos != 0) {
                for (var j = 1; j <= num_sotanos; j++) {
                    $("#BscSctPisoHP").append("<option value = \"S" + j + "\">S" + j + "</option>");
                }
            }
        }
    });
}

function cargarDepartamentosHP() {
    var enviar = {
        IdEdificio: $("#BscSctEdificioHP").val(),
        NumeroPiso: $("#BscSctPisoHP").val()
    }

    console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarDepartamentos",
        success: function (data) {

            console.log(data);

            var lista = data.listaDepartamentos;

            $("#BscSctDepartamentoHP").find('option').remove().end().append("<option selected=\"selected\"></option>");

            $.each(lista, function (i, item) {
                $("#BscSctDepartamentoHP").append("<option value = \"" + item.IdDepartamento + "\">" + item.Numero + "</option>");
            });
        }
    });
}

///////////////////////////////
function esperarListaPropHP() {
    box3 = new ajaxLoader($(".box-3"), {classOveride: 'blue-loader', bgColor: '#000'});
}

function buscarPropietariosHP() {

    var enviar = {
        IdDepartamentoLugar: $("#BscSctDepartamentoLugarHP").val(),
        IdProvincia: $("#BscSctProvinciaHP").val(),
        IdDistrito: $("#BscSctDistritoHP").val(),
        IdEdificio: $("#BscSctEdificioHP").val(),
        Piso: $("#BscSctPisoHP").val(),
        IdDepartamento: $("#BscSctDepartamentoHP").val(),
        FechaInicio: $("#BscTbxFechaInicioAHP").val(),
        FechaFin: $("#BscTbxFechaFinAHP").val()
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        async: false,
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarPropietarios",
        beforeSend: esperarListaPropHP(),
        success: llegadaListaPropHP
    });
}
////////////////////////////////////****************************************************************************
function llegadaListaPropHP(data) {
    console.log(data);
    var lista = data.listaPropietarios;
    var escritor = "";
    if (lista.length > 0) {
        escritor += "<table id='tablaPropietariosHP'>" +
                    "<thead>" +
                        '<th style="display:none">IdEdificio</th>' +
                        '<th>Edificio</th>' +
                        '<th style="display:none">IdDepartamento</th>' +
                        '<th>Piso</th>' +
                        '<th>Numero</th>' +
                        '<th>Nombres</th>' +
                        '<th>Apellidos</th>' +
                        '<th>Departamento</th>' +
                        '<th>Provincia</th>' +
                        '<th>Distrito</th>' +
                        '<th></th>' +
                    "</thead>";
        escritor += '<tbody id="bodyPropietariosHP">';

        $.each(lista, function (i, item) {
            escritor += "<tr>";
                escritor += '<td style="display:none">' + item.IdEdificio + '</td>';
                escritor += '<td>' + item.NombreEdificio + '</td>';
                escritor += '<td style="display:none">' + item.IdDepartamento + '</td>';
                escritor += '<td style="width:auto;">' + item.Piso + '</td>';
                escritor += '<td style="width:auto">' + item.NumeroDepartamento + '</td>';
                escritor += '<td style="width:auto;">' + item.NombrePersona + '</td>';
                escritor += '<td style="width:auto;">' + item.ApellidosPersona + " " + '</td>';
                escritor += '<td style=""width:auto;">' + item.NombreDepartamento + '</td>';
                escritor += '<td style=""width:auto;">' + item.NombreProvincia + '</td>';
                escritor += '<td style=""width:auto;">' + item.NombreDistrito + '</td>';
                escritor += '<td class="style1" style="width:30px;" align="center"><button class="DetalleHP" id="DetalleHP'+ (i+1) +'" style="margin-left:auto; margin-right:auto;">Detalle Estado Cuenta</button></td>';
            escritor += "</tr>";
        });

        escritor += "</toby>";

        escritor += "</table>";
        $("#TablaDinamicaPropietariosHP").html(escritor);

        var total = $(".DetalleHP").length;
        for (var j = 1; j <= total; j++) {
            formatoDetalleHP('DetalleHP' + j);
            detalleHistorialPagoHP('DetalleHP' + j);
        }

        if (lista.length > 0) {
            $("#holderPHP").jPages({
                containerID: "bodyPropietariosHP",
                perPage: 10,
                delay: 20,
                startPage: 1,
                midRange: 3,
                animation: "flipInY"
            });
            $("#holderPHP").show();
            //$("#BscBtnExportarHP").show();
        }
    } else {
        escritor = "<p>No se encontró ninguna coincidencia</p>";
        $("#TablaDinamicaPropietariosHP").html(escritor);
        $("#holderPHP").hide();
        $("#BscBtnExportarHP").hide();
    }
    box3.remove();
}

function formatoDetalleHP(detalle) {
    $('#' + detalle).button({
        icons: {
            primary: "ui-icon-pencil"
        },
        text: false
    });
}


//detalle estado cuenta
function detalleHistorialPagoHP(idBuscar) {
    var nameB = "",
        emailB = "",
        passwordB = "",
        allFields = $([]).add(nameB).add(emailB).add(passwordB),
        tips = $(".validateTips");

    function updateTips(t) {
        tips
                .text(t)
                .addClass("ui-state-highlight");
        setTimeout(function () {
            tips.removeClass("ui-state-highlight", 1500);
        }, 500);
    }

    $("#modalDetalleHP").dialog({
        async:false,
        autoOpen: false,
        height: 400,
        width: 650,
        modal: true,
        buttons: {
            "Aceptar": function () {
                var bValid = true;
                allFields.removeClass("ui-state-error");
                if (bValid) {
                    if (true) {
                        var numero = document.getElementById("BvmLblNumDetalleHP").innerHTML;
                        $(this).dialog("close");
                        $("#TablaDinamicaCMPHP").html("");
                        $("#TablaDinamicaCEPHP").html("");
                        $("#mensajeHP").html("");
                        $("#holderCMPHP").jPages("destroy");
                        $("#holderCEPHP").jPages("destroy");
                    }
                    else {
                        alert("Debe seleccionar una fila");
                    }
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            allFields.val("").removeClass("ui-state-error");
        }
    });

    $("#" + idBuscar).click(function () {
        //if ($("#RegTbxEdificioAutocompletado").val() != "") {
            document.getElementById("BvmLblNumDetalleHP").innerHTML = idBuscar;
            var id_departamento;
            //alert(idBuscar);
            $("#" + idBuscar).parents("tr").children("td").each(function (index2) {
                switch (index2) {
                    case 2:
                        id_departamento = $(this).text();
                        break;
                }
            })
            verDetalleHP(id_departamento);        
            $("#modalDetalleHP").dialog("open");
    });

};

function esperarListaDetalleECHP() {
}

function verDetalleHP(id_departamento) {

    var enviar = {
        IdDepartamento: id_departamento
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "verDetalleHistorialPagos",
        beforeSend: esperarListaDetalleECHP(),
        success: llegadaListaDetalleECHP
    });
}

function llegadaListaDetalleECHP(data) {

    var lista = data.ListaHistorialPagos;
    var escritorHP = "";
    var escritorHP1 = "";
    var escritorHP2 = "";
    mensuales = 0;
    extraordinarias = 0;
    if (lista.length > 0) {
        escritorHP1 +='<h3>Cuotas Mensuales</h3>' +
            '<table>' +
            '<thead>' +
                '<th style="display:none">idCuenta</th>' +
                '<th style="display:none">Estado</th>' +
                '<th style="display:none">Voucher</th>' +
                '<th style="display:none">EstadoVoucher</th>' +
                '<th style="display:none">Departamento</th>' +
                '<th style="display:none">Tipo Cuota</th>' +
                '<th>Año</th>' +
                '<th>Mes</th>' +
                '<th>Cuota Mensual</th>' +
                '<th></th>' +
            '</thead>' +
            '<tbody id="bodyVerDetalleCMHP">';

        escritorHP2 +='<h3>Cuotas Extraordinarias</h3>' +
            '<table>' +
            '<thead>' +
                '<th style="display:none">idCuenta</th>' +
                '<th style="display:none">Estado</th>' +
                '<th style="display:none">Voucher</th>' +
                '<th style="display:none">EstadoVoucher</th>' +
                '<th style="display:none">Departamento</th>' +
                '<th style="display:none">Tipo Cuota</th>' +
                '<th>Año</th>' +
                '<th>Mes</th>' +
                '<th>Cuota Extraordinaria</th>' +
                '<th></th>' +
            '</thead>' +
            '<tbody id="bodyVerDetalleCEHP">';
        
        $.each(lista, function (i, item) {
            if (item.MontoMensual > 0){
                mensuales++;
                escritorHP1 +='<tr>'+
                                '<td style="display:none">' + item.IdCuenta + '</td>'+
                                '<td style="display:none">' + item.Estado + '</td>' +
                                '<td style="display:none">' + item.Voucher + '</td>' +
                                '<td style="display:none">' + item.EstadoVoucher + '</td>' +
                                '<td style="display:none">' + item.IdDepartamento + '</td>' +
                                '<td style="display:none">' + item.TipoCuota + '</td>' +
                                '<td style="width:auto;">' + item.Anho + '</td>' +
                                '<td style="width:auto;">' + item.Mes + '</td>' +
                                '<td style="width:auto;">' + item.MontoMensual + '</td>' +
                                '<td>Pagado</td>' +
                            '</tr>';
                
            }

            if (item.Monto > 0){
                extraordinarias++;
                escritorHP2 +='<tr>'+
                                '<td style="display:none">' + item.IdCuenta + '</td>'+
                                '<td style="display:none">' + item.Estado + '</td>' +
                                '<td style="display:none">' + item.Voucher + '</td>' +
                                '<td style="display:none">' + item.EstadoVoucher + '</td>' +
                                '<td style="display:none">' + item.IdDepartamento + '</td>' +
                                '<td style="display:none">' + item.TipoCuota + '</td>' +
                                '<td style="width:auto;">' + item.Anho + '</td>' +
                                '<td style="width:auto;">' + item.Mes + '</td>' +
                                '<td style="width:auto;">' + item.Monto + '</td>' +
                                '<td>Pagado</td>' +
                            '</tr>';
            }  
         });

        escritorHP1 += "</tbody>";
        escritorHP1 += "</table>";

        escritorHP2 += "</tbody>";
        escritorHP2 += "</table>";

        $("#TablaDinamicaCMPHP").html(escritorHP1);
        $("#TablaDinamicaCEPHP").html(escritorHP2);
        
        $("#TablaDinamicaCMPHP").hide();
        $("#TablaDinamicaCEPHP").hide();

        if (lista.length > 0){
            if (mensuales > 0) {
                $("#TablaDinamicaCMPHP").show();
                $("#holderCMPHP").show();
                $(function () {
                    $("#holderCMPHP").jPages({
                        containerID: "bodyVerDetalleCMHP",
                        perPage: 10,
                        delay: 20,
                        startPage: 1,
                        midRange: 3,
                        animation: "flipInY"
                    });
                });
            }

            if (extraordinarias > 0) {
                $("#TablaDinamicaCEPHP").show();  
                $("#holderCEPHP").show();            
                $(function () {
                    $("#holderCEPHP").jPages({
                        containerID: "bodyVerDetalleCEHP",
                        perPage: 10,
                        delay: 20,
                        startPage: 1,
                        midRange: 3,
                        animation: "flipInY"
                    });
                });
            }
        }
    } else {
        escritorHP = "<p>No tiene cuentas pagadas</p>";
        $("#mensajeHP").html(escritorHP);
        $("#holderCMPHP").hide();
        $("#holderCEPHP").hide();
    }
}

//**************************************estado cuenta de un propietario determinado
function buscarEstadoCuentaP(){
    var enviar = {
        Username: username,
        IdEdificio: edif,
        FechaInicio: $("#BscTbxFechaInicioP").val(),
        FechaFin: $("#BscTbxFechaFinP").val()
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarEstadoCuentaP",
        beforeSend: esperarListaECP(),
        success: llegadaListaECP
    });
}
//ListaEstadoCuenta
function esperarListaECP(){
    box3 = new ajaxLoader($(".box-3"), {classOveride: 'blue-loader', bgColor: '#000'});
}

function llegadaListaECP(data) {
    var lista = data.ListaEstadoCuenta;
    mensuales = 0;
    extraordinarias = 0;
    var escritor = "";
    var escritor1 = "";
    var escritor2 = "";

    if (lista.length > 0) {
        
        escritor1 +='<h3>Cuotas Mensuales</h3>' +
            '<table>' +
            '<thead>' +
                //'<th></th>' +
                '<th style="display:none">idCuenta</th>' +
                '<th style="display:none">Estado</th>' +
                '<th style="display:none">Voucher</th>' +
                '<th style="display:none">EstadoVoucher</th>' +
                '<th style="display:none">Departamento</th>' +
                '<th style="display:none">Tipo Cuota</th>' +
                '<th>Año</th>' +
                '<th>Mes</th>' +
                '<th>Cuota Mensual</th>' +
                '<th></th>' +
            '</thead>' +
            '<tbody id="cuerpoECMP">';

        escritor2 +='<h3>Cuotas Extraordinarias</h3>' +
            '<table>' +
            '<thead>' +
                //'<th></th>' +
                '<th style="display:none">idCuenta</th>' +
                '<th style="display:none">Estado</th>' +
                '<th style="display:none">Voucher</th>' +
                '<th style="display:none">EstadoVoucher</th>' +
                '<th style="display:none">Departamento</th>' +
                '<th style="display:none">Tipo Cuota</th>' +
                '<th>Año</th>' +
                '<th>Mes</th>' +
                '<th>Cuota Extraordinaria</th>' +
                '<th></th>' +
            '</thead>' +
            '<tbody id="cuerpoECEP">';

        $.each(lista, function (i, item) {
            if (item.MontoMensual > 0){
                mensuales++;
                escritor1 +='<tr>'+
                                //'<td><input id="RadioButtonProv" name="ECDM" type="radio" value="1"/></td>' +
                                '<td style="display:none">' + item.IdCuenta + '</td>'+
                                '<td style="display:none">' + item.Estado + '</td>' +
                                '<td style="display:none">' + item.Voucher + '</td>' +
                                '<td style="display:none">' + item.EstadoVoucher + '</td>' +
                                '<td style="display:none">' + item.IdDepartamento + '</td>' +
                                '<td style="display:none">' + item.TipoCuota + '</td>' +
                                '<td style="width:auto;">' + item.Anho + '</td>' +
                                '<td style="width:auto;">' + item.Mes + '</td>' +
                                '<td style="width:auto;">' + item.MontoMensual + '</td>' +
                                '<td>Pendiente de pago</td>' +
                            '</tr>';
                
            }

            if (item.Monto > 0){
                extraordinarias++;
                escritor2 +='<tr>'
                                //'<td><input id="RadioButtonProv" name="ECDE" type="radio" value="1"/></td>' +
                                '<td style="display:none">' + item.IdCuenta + '</td>'+
                                '<td style="display:none">' + item.Estado + '</td>' +
                                '<td style="display:none">' + item.Voucher + '</td>' +
                                '<td style="display:none">' + item.EstadoVoucher + '</td>' +
                                '<td style="display:none">' + item.IdDepartamento + '</td>' +
                                '<td style="display:none">' + item.TipoCuota + '</td>' +
                                '<td style="width:auto;">' + item.Anho + '</td>' +
                                '<td style="width:auto;">' + item.Mes + '</td>' +
                                '<td style="width:auto;">' + item.Monto + '</td>' +
                                '<td>Pendiente de pago</td>' +
                            '</tr>';
            }  
        });

        escritor1 += "</tbody>";
        escritor1 += "</table>";

        escritor2 += "</tbody>";
        escritor2 += "</table>";

        $("#TablaDinamicaECMP").html(escritor1);
        $("#TablaDinamicaECEP").html(escritor2);
        
        $("#TablaDinamicaECMP").hide();
        $("#TablaDinamicaECEP").hide();

        if (lista.length > 0){
            if (mensuales > 0) {
//                $("#BscBtnDetalleMensual").show();
                $("#TablaDinamicaECMP").show();
                $("#holderECMP").show();
                $(function () {
                    $("#holderECMP").jPages({
                        containerID: "cuerpoECMP",
                        perPage: 10,
                        delay: 20,
                        startPage: 1,
                        midRange: 3,
                        animation: "flipInY"
                    });
                });
            }

            if (extraordinarias > 0) {
//                $("#BscBtnDetalleExtraordinario").show();
                $("#TablaDinamicaECEP").show();  
                $("#holderECEP").show();            
                $(function () {
                    $("#holderECEP").jPages({
                        containerID: "cuerpoECEP",
                        perPage: 10,
                        delay: 20,
                        startPage: 1,
                        midRange: 3,
                        animation: "flipInY"
                    });
                });
            }
        }
    } else {
        escritor = "<p>No tiene cuentas pagadas</p>";
        $("#TablaDinamicaECEM").hide();
        $("#TablaDinamicaECEP").hide();
        $("#mensajeECP").html(escritor);
        $("#holderECMP").hide();
        $("#holderECEP").hide();
    }
    box3.remove();
}


//////////////////////////////////

function buscarHistorialPagosP(){
    var enviar = {
        Username: username,
        IdEdificio: edif,
        FechaInicio: $("#BscTbxFechaInicioPHP").val(),
        FechaFin: $("#BscTbxFechaFinPHP").val()
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarHistorialPagosP",
        beforeSend: esperarListaHPP(),
        success: llegadaListaHPP
    });
}
//ListaEstadoCuenta
function esperarListaHPP(){
    box3 = new ajaxLoader($(".box-3"), {classOveride: 'blue-loader', bgColor: '#000'});
}

function llegadaListaHPP(data) {
    
    var lista = data.ListaHistorialPagos;
    var escritorHP = "";
    var escritorHP1 = "";
    var escritorHP2 = "";
    mensuales = 0;
    extraordinarias = 0;

    if (lista.length > 0) {
        
        escritorHP1 +='<h3>Cuotas Mensuales</h3>' +
            '<table>' +
            '<thead>' +
                '<th style="display:none">idCuenta</th>' +
                '<th style="display:none">Estado</th>' +
                '<th style="display:none">Voucher</th>' +
                '<th style="display:none">EstadoVoucher</th>' +
                '<th style="display:none">Departamento</th>' +
                '<th style="display:none">Tipo Cuota</th>' +
                '<th>Año</th>' +
                '<th>Mes</th>' +
                '<th>Cuota Mensual</th>' +
                '<th></th>' +
            '</thead>' +
            '<tbody id="cuerpoHPMP">';

        escritorHP2 +='<h3>Cuotas Extraordinarias</h3>' +
            '<table>' +
            '<thead>' +
                '<th style="display:none">idCuenta</th>' +
                '<th style="display:none">Estado</th>' +
                '<th style="display:none">Voucher</th>' +
                '<th style="display:none">EstadoVoucher</th>' +
                '<th style="display:none">Departamento</th>' +
                '<th style="display:none">Tipo Cuota</th>' +
                '<th>Año</th>' +
                '<th>Mes</th>' +
                '<th>Cuota Extraordinaria</th>' +
                '<th></th>' +
            '</thead>' +
            '<tbody id="cuerpoHPEP">';

        $.each(lista, function (i, item) {
            if (item.MontoMensual > 0){
                mensuales++;
                escritorHP1 +='<tr>'+
                                '<td style="display:none">' + item.IdCuenta + '</td>'+
                                '<td style="display:none">' + item.Estado + '</td>' +
                                '<td style="display:none">' + item.Voucher + '</td>' +
                                '<td style="display:none">' + item.EstadoVoucher + '</td>' +
                                '<td style="display:none">' + item.IdDepartamento + '</td>' +
                                '<td style="display:none">' + item.TipoCuota + '</td>' +
                                '<td style="width:auto;">' + item.Anho + '</td>' +
                                '<td style="width:auto;">' + item.Mes + '</td>' +
                                '<td style="width:auto;">' + item.MontoMensual + '</td>' +
                                '<td>Pagado</td>' +
                            '</tr>';
                
            }

            if (item.Monto > 0){
                extraordinarias++;
                escritorHP2 +='<tr>'+
                                '<td style="display:none">' + item.IdCuenta + '</td>'+
                                '<td style="display:none">' + item.Estado + '</td>' +
                                '<td style="display:none">' + item.Voucher + '</td>' +
                                '<td style="display:none">' + item.EstadoVoucher + '</td>' +
                                '<td style="display:none">' + item.IdDepartamento + '</td>' +
                                '<td style="display:none">' + item.TipoCuota + '</td>' +
                                '<td style="width:auto;">' + item.Anho + '</td>' +
                                '<td style="width:auto;">' + item.Mes + '</td>' +
                                '<td style="width:auto;">' + item.Monto + '</td>' +
                                '<td>Pagado</td>' +
                            '</tr>';
            }  
         });

        escritorHP1 += "</tbody>";
        escritorHP1 += "</table>";

        escritorHP2 += "</tbody>";
        escritorHP2 += "</table>";

        $("#TablaDinamicaHPMP").html(escritorHP1);
        $("#TablaDinamicaHPEP").html(escritorHP2);
        
        $("#TablaDinamicaHPMP").hide();
        $("#TablaDinamicaHPEP").hide();

        if (lista.length > 0){
            if (mensuales > 0) {
                $("#TablaDinamicaHPMP").show();
                $("#holderHPMP").show();
                $(function () {
                    $("#holderHPMP").jPages({
                        containerID: "cuerpoHPMP",
                        perPage: 10,
                        delay: 20,
                        startPage: 1,
                        midRange: 3,
                        animation: "flipInY"
                    });
                });
            }

            if (extraordinarias > 0) {
                $("#TablaDinamicaHPEP").show();  
                $("#holderHPEP").show();            
                $(function () {
                    $("#holderHPEP").jPages({
                        containerID: "cuerpoHPEP",
                        perPage: 10,
                        delay: 20,
                        startPage: 1,
                        midRange: 3,
                        animation: "flipInY"
                    });
                });
            }
        }
    } else {
        escritor = "<p>No tiene cuentas pagadas</p>";
        $("#TablaDinamicaHPMP").hide();
        $("#TablaDinamicaHPEP").hide();
        $("#mensajeHPP").html(escritor);
        $("#holderHPMP").hide();
        $("#holderHPEP").hide();
    }
    box3.remove();
}

//**************************** Ver Comprobantes ***************************

//cargar provincias
function cargarProvinciasVC() {
    $("#BscSctDistritoVC").find('option').remove().end().append("<option></option>");
    $("#BscSctEdificioVC").find('option').remove().end().append("<option></option>");
    //cargarEdificios();
    var enviar = {
        Nombre: "",
        IdDepartamento: $("#BscSctDepartamentoLugarVC").val(),
        IdProvincia: ""
    }

    var jsonData;

    jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarProvincias",
        success: function (data) {
            var lista = data.listaProvinciaPeru;

            $("#BscSctProvinciaVC").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#BscSctProvinciaVC").append("<option value = \"" + item.IdProvincia + "\">" + item.Nombre + "</option>");
            });
        }
    });
}

// cargar distritos
function cargarDistritosVC() {
    $("#BscSctEdificioVC").find('option').remove().end().append("<option></option>");
    //cargarEdificios();
    var enviar = {
        Nombre: "",
        IdProvincia: $("#BscSctProvinciaVC").val(),
        IdDistrito: ""
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarDistritos",
        success: function (data) {
            var lista = data.listaDistritoPeru;

            $("#BscSctDistritoVC").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#BscSctDistritoVC").append("<option value = \"" + item.IdDistrito + "\">" + item.Nombre + "</option>");
            });


        }
    });
}

// cargar edificios
function cargarEdificiosVC() {
    $("#BscSctPisoVC").find('option').remove().end().append("<option></option>");   
    var enviar = {
        IdDepartamento: $("#BscSctDepartamentoLugarVC").val(),
        IdProvincia: $("#BscSctProvinciaVC").val(),
        IdDistrito: $("#BscSctDistritoVC").val()
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarEdificios",
        success: function (data) {
            var lista = data.listaEdificio;

            $("#BscSctEdificioVC").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#BscSctEdificioVC").append("<option value = \"" + item.IdEdificio + "\">" + item.Nombre + "</option>");
            });


        }
    });
}

function cargarPisosVC() {
    $("#BscSctDepartamentoVC").find('option').remove().end().append("<option></option>");
    var enviar = {
        IdEdificio: $("#BscSctEdificioVC").val()
    }

    console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarPisos",
        success: function (data) {
            var lista = data.listaPiso;

            var num_pisos = lista[0];
            var num_sotanos = lista[1];

            $("#BscSctPisoVC").find('option').remove().end().append("<option selected=\"selected\"></option>");

            for (var i = 1; i <= num_pisos; i++) {
                $("#BscSctPisoVC").append("<option value = \"P" + i + "\">P" + i + "</option>");
            }
            if (num_sotanos != 0) {
                for (var j = 1; j <= num_sotanos; j++) {
                    $("#BscSctPisoVC").append("<option value = \"S" + j + "\">S" + j + "</option>");
                }
            }
        }
    });
}

function cargarDepartamentosVC() {
    var enviar = {
        IdEdificio: $("#BscSctEdificioVC").val(),
        NumeroPiso: $("#BscSctPisoVC").val()
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarDepartamentos",
        success: function (data) {
            var lista = data.listaDepartamentos;

            $("#BscSctDepartamentoVC").find('option').remove().end().append("<option selected=\"selected\"></option>");

            $.each(lista, function (i, item) {
                $("#BscSctDepartamentoVC").append("<option value = \"" + item.IdDepartamento + "\">" + item.Numero + "</option>");
            });
        }
    });
}

function buscarVC(){
    var enviar = {
        IdEdificio: $("#BscSctEdificioVC").val() ,
        Piso: $("#BscSctPisoVC").val(),
        IdDepartamento: $("#BscSctDepartamentoVC").val()
    }

    if(enviar.IdEdificio == "" && enviar.Piso == "" && enviar.IdDepartamento == null){
        alert("ingrese como minimo los 3 ultimos campos");
    }
    else{ 

        var jsonData = JSON.stringify(enviar);

        $.ajax({
            async : false,
            type: "POST",
            data: jsonData,
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            url: "buscarVC",
            beforeSend: esperarListaVC(),
            success: llegadaListaVC
        });
    }
}
//ListaEstadoCuenta
function esperarListaVC(){
    box3 = new ajaxLoader($(".box-3"), {classOveride: 'blue-loader', bgColor: '#000'});
}

function llegadaListaVC(data) {
    var lista = data.datos[0];
    if (lista != null){
        $("#BscBtnAceptarVC").show();
        var escritor = '<img id="image" src="../../Files/' + lista.NombreComprobante  +'" alt="imagen"/>';
        nombreImagen = lista.NombreComprobante;
        idComprobante = lista.IdComprobante;
        //alert(nombreImagen + ' --- ' + idComprobante);
        $("#mostrarImagen").html(escritor);
    }
    box3.remove();
}

function ConfirmarPago(){
    var enviar = {
        NombreComprobante : nombreImagen,
        IdDepartamento : $("#BscSctDepartamentoVC").val(),
        IdComprobante : idComprobante
    }
//    alert(enviar.NombreComprobante + ' --- ' + enviar.IdDepartamento + '----' + enviar.IdComprobante);
    var jsonData = JSON.stringify(enviar);

    $.ajax({
        async:false,
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "confirmarPago",
        beforeSend: esperarConfirmacionVC(),
        success: llegadaConfirmacionVC
    });
}

function esperarConfirmacionVC(){
    box3 = new ajaxLoader($(".box-3"), {classOveride: 'blue-loader', bgColor: '#000'});
}

function llegadaConfirmacionVC(data) {
    $("#mostrarImagen").hide();
    box3.remove();
}
